<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-匿名投稿</title>
    <link rel="stylesheet" href="/stylesheets/root.css">
    <link rel="stylesheet" href="/stylesheets/public-stylesheets.css">
    <link rel="stylesheet" href="/stylesheets/index-secretmail.css">
</head>

<body>
    <!-- 顶部栏组件 -->
    <div id="top">
        <!-- <div id="form">
        四六级论坛
    </div> -->
        <p>匿名投稿</p>
        <a href="/index.html">
            <img src="/images/public_images/return.png" alt="返回">
        </a>
    </div>

    <!-- 匿名投稿背景栏 -->
    <div id="banner-box">
        <img src="/images/index-secretmail/youxiangbeijing.png" alt="邮箱背景图">
        
        <!-- POST OFFICE 图片-->
        <div class="top">
            <img src="/images/index-secretmail/top.png" alt="POST OFFICE">
        </div>
        <!-- 投稿 -->
        <a href="">
            <div id="click-box">
                <!-- <img src="/images/index-secretmail/tougao2.png" alt="投稿2"> -->
                <img src="/images/index-secretmail/tougao1.png" alt="投稿1">
                <img src="/images/index-secretmail/lubiao.png" alt="路标">
            </div>
        </a>

        <!-- 刷新 -->
        <!-- <a href="#">
            <div id="flesh-box">
                <img src="/images/index-secretmail/shuaxin.png" alt="刷新">
                <img src="/images/index-secretmail/lubiao.png" alt="路标">
            </div>
        </a> -->
    </div>

    <!-- 匿名全部消息栏 -->
    <div id="content-box">
        <!-- 匿名单条消息栏 -->
        <div class="text-box">
            <!-- 匿名|投稿 时间栏 -->
            <div class="text-top">
                <span>匿名</span>
                <span>| 投稿</span>
                <span>10分钟前</span>
            </div>
            <!-- 消息内容 -->
            <div class="text-middle">
                <p>
                    计软大三在读，也算是踩了不少坑吧，
                    关于计软学习或者想转计软，或者其他方面的都可以问，我努力回答😊
                </p>
            </div>
            <!-- 底部回复 -->
            <div class="text-bottom">
                <span>
                    <img src="/images/index-secretmail/dianzan.png" alt="点赞">
                    18
                </span>
                <span>
                    <img src="/images/index-secretmail/huifu.png" alt="回复">
                    56
                </span>
            </div>
        </div>

        <!-- 匿名单条消息栏 -->
        <div class="text-box">
            <!-- 匿名|投稿 时间栏 -->
            <div class="text-top">
                <span>匿名</span>
                <span>| 投稿</span>
                <span>10分钟前</span>
            </div>
            <!-- 消息内容 -->
            <div class="text-middle">
                <p>
                    谁偷了我的外卖
                </p>
            </div>
            <!-- 底部回复 -->
            <div class="text-bottom">
                <span>
                    <img src="/images/index-secretmail/dianzan.png" alt="点赞">
                    18
                </span>
                <span>
                    <img src="/images/index-secretmail/huifu.png" alt="回复">
                    56
                </span>
            </div>
        </div>

        <!-- 匿名单条消息栏 -->
        <div class="text-box">
            <!-- 匿名|投稿 时间栏 -->
            <div class="text-top">
                <span>匿名</span>
                <span>| 投稿</span>
                <span>10分钟前</span>
            </div>
            <!-- 消息内容 -->
            <div class="text-middle">
                <p>
                    大一，不知道该干嘛
                </p>
            </div>
            <!-- 底部回复 -->
            <div class="text-bottom">
                <span>
                    <img src="/images/index-secretmail/dianzan.png" alt="点赞">
                    18
                </span>
                <span>
                    <img src="/images/index-secretmail/huifu.png" alt="回复">
                    56
                </span>
            </div>
        </div>

        <!-- 匿名单条消息栏 -->
        <div class="text-box">
            <!-- 匿名|投稿 时间栏 -->
            <div class="text-top">
                <span>匿名</span>
                <span>| 投稿</span>
                <span>10分钟前</span>
            </div>
            <!-- 消息内容 -->
            <div class="text-middle">
                <p>
                    不知道为什么这个学期忙来忙去忙什么，一直内耗，感觉什么事情都做不好...
                </p>
            </div>
            <!-- 底部回复 -->
            <div class="text-bottom">
                <span>
                    <img src="/images/index-secretmail/dianzan.png" alt="点赞">
                    18
                </span>
                <span>
                    <img src="/images/index-secretmail/huifu.png" alt="回复">
                    56
                </span>
            </div>
        </div>

        <!-- 匿名单条消息栏 -->
        <div class="text-box">
            <!-- 匿名|投稿 时间栏 -->
            <div class="text-top">
                <span>匿名</span>
                <span>| 投稿</span>
                <span>10分钟前</span>
            </div>
            <!-- 消息内容 -->
            <div class="text-middle">
                <p>
                    最近很难过，有没有人能推荐几本比较治愈、文本不错的书？
                </p>
            </div>
            <!-- 底部回复 -->
            <div class="text-bottom">
                <span>
                    <img src="/images/index-secretmail/dianzan.png" alt="点赞">
                    18
                </span>
                <span>
                    <img src="/images/index-secretmail/huifu.png" alt="回复">
                    56
                </span>
            </div>
        </div>

        <!-- 匿名单条消息栏 -->
        <div class="text-box">
            <!-- 匿名|投稿 时间栏 -->
            <div class="text-top">
                <span>匿名</span>
                <span>| 投稿</span>
                <span>10分钟前</span>
            </div>
            <!-- 消息内容 -->
            <div class="text-middle">
                <p>
                    大学生不上课可以干什么
                </p>
            </div>
            <!-- 底部回复 -->
            <div class="text-bottom">
                <span>
                    <img src="/images/index-secretmail/dianzan.png" alt="点赞">
                    18
                </span>
                <span>
                    <img src="/images/index-secretmail/huifu.png" alt="回复">
                    56
                </span>
            </div>
        </div>


<!-- 匿名单条消息栏 -->
<div class="text-box">
    <!-- 匿名|投稿 时间栏 -->
    <div class="text-top">
        <span>匿名</span>
        <span>| 投稿</span>
        <span>10分钟前</span>
    </div>
    <!-- 消息内容 -->
    <div class="text-middle">
        <p>
            怀疑被辅导员针对了怎么办啊！！？
        </p>
    </div>
    <!-- 底部回复 -->
    <div class="text-bottom">
        <span>
            <img src="/images/index-secretmail/dianzan.png" alt="点赞">
            18
        </span>
        <span>
            <img src="/images/index-secretmail/huifu.png" alt="回复">
            56
        </span>
    </div>
</div>


<!-- 匿名单条消息栏 -->
<div class="text-box">
    <!-- 匿名|投稿 时间栏 -->
    <div class="text-top">
        <span>匿名</span>
        <span>| 投稿</span>
        <span>10分钟前</span>
    </div>
    <!-- 消息内容 -->
    <div class="text-middle">
        <p>
            今天腾讯线上一面通过了，家人们祝我成功实习吧！
        </p>
    </div>
    <!-- 底部回复 -->
    <div class="text-bottom">
        <span>
            <img src="/images/index-secretmail/dianzan.png" alt="点赞">
            18
        </span>
        <span>
            <img src="/images/index-secretmail/huifu.png" alt="回复">
            56
        </span>
    </div>
</div>

<!-- 匿名单条消息栏 -->
<div class="text-box">
    <!-- 匿名|投稿 时间栏 -->
    <div class="text-top">
        <span>匿名</span>
        <span>| 投稿</span>
        <span>10分钟前</span>
    </div>
    <!-- 消息内容 -->
    <div class="text-middle">
        <p>
            舍友考公学疯了，我学不过他怎么办
        </p>
    </div>
    <!-- 底部回复 -->
    <div class="text-bottom">
        <span>
            <img src="/images/index-secretmail/dianzan.png" alt="点赞">
            18
        </span>
        <span>
            <img src="/images/index-secretmail/huifu.png" alt="回复">
            56
        </span>
    </div>
</div>

<!-- 匿名单条消息栏 -->
<div class="text-box">
    <!-- 匿名|投稿 时间栏 -->
    <div class="text-top">
        <span>匿名</span>
        <span>| 投稿</span>
        <span>10分钟前</span>
    </div>
    <!-- 消息内容 -->
    <div class="text-middle">
        <p>
            网工专业，想休学了，想听听建议
        </p>
    </div>
    <!-- 底部回复 -->
    <div class="text-bottom">
        <span>
            <img src="/images/index-secretmail/dianzan.png" alt="点赞">
            18
        </span>
        <span>
            <img src="/images/index-secretmail/huifu.png" alt="回复">
            56
        </span>
    </div>
</div>


<!-- 匿名单条消息栏 -->
<div class="text-box">
    <!-- 匿名|投稿 时间栏 -->
    <div class="text-top">
        <span>匿名</span>
        <span>| 投稿</span>
        <span>10分钟前</span>
    </div>
    <!-- 消息内容 -->
    <div class="text-middle">
        <p>
            极限一个月备考蓝桥杯，拿了省二，对下一届蓝桥杯有想法的来问我
        </p>
    </div>
    <!-- 底部回复 -->
    <div class="text-bottom">
        <span>
            <img src="/images/index-secretmail/dianzan.png" alt="点赞">
            18
        </span>
        <span>
            <img src="/images/index-secretmail/huifu.png" alt="回复">
            56
        </span>
    </div>

    <!-- 匿名单条消息栏 -->
    <div class="text-box">
        <!-- 匿名|投稿 时间栏 -->
        <div class="text-top">
            <span>匿名</span>
            <span>| 投稿</span>
            <span>10分钟前</span>
        </div>
        <!-- 消息内容 -->
        <div class="text-middle">
            <p>
                大学生哪有不疯的
            </p>
        </div>
        <!-- 底部回复 -->
        <div class="text-bottom">
            <span>
                <img src="/images/index-secretmail/dianzan.png" alt="点赞">
                18
            </span>
            <span>
                <img src="/images/index-secretmail/huifu.png" alt="回复">
                56
            </span>
        </div>
    </div>
</div>








</div>

</body>

</html>